<script type="text/javascript">
$('#contact').ready(function() {        
   
    /********************/
    /*Efecto de Entrada */
    /********************/ 
    $('#capaContact').transition({ x: '-40px' }, 250).transition({ x: '0px' }, 250).transition({ y: '-40px' }, 250).transition({ y: '0px' }, 250);
    $('#contact aside').fadeIn('slow');    
    setTimeout(xdEfect,1500);
    function xdEfect(){        
        $('#contact aside figure').slideDown();        
    }  
   
    /********************/
    /*Contactanos Submit*/
    /********************/   
    $("#boton-submit").click(function () {        
        $.ajax({
            type:"POST",
            url:"/codevian/welcome/contacto",
            data:$("#form-contacto").serialize(),
            success:function (html) {
                $("#container").html(html);
            }
        });
        return false;
    });
    /*------------------------------------*/
});    
</script>

<div id="contact">
    <div id="centerContact">
        <div id="capaContact">            
            <div class="emailContact">
                <img  src="<?php echo URL::base()?>media/images/contactenos.jpg">
                <div>
                    <form method="POST" id="form-contacto">
                        <fieldset>
                            <legend><h3>CONTACTANOS:</h3></legend>
                            <label >Nombre y Apellidos:</label><input class="span3" type="text" name="nombre" required/>
                            <label>E-mail:</label><input type="email" name="email" class="span3" required/>
                            <label>Asunto:</label><input type="text" name="asunto" class="span3" required/>
                            <label>Mensaje:</label><textarea type="text" name="mensaje" class="span3" required></textarea>
                            <input type="submit" id="boton-submit" class="btn" value="Enviar">
                        </fieldset>
                    </form>
                    <div class="response">
                        <?php if (isset($error)): ?>
                        <p><?php echo $error?></p>
                        <?php endif ?>
                    </div>
                </div>   
            </div>
            <div  class="telContact">
                    <div class="division">
                    <img  src="<?php echo URL::base()?>media/images/phone.png">
                    </div>
                    <div class="division">
                     <div class="correo">
                        <h3>CORREO ELECTRONICO:</h3> 
                        <p><img  src="<?php echo URL::base()?>media/images/correo.png"> <span class="resaltar">kodevian@gmail.com</span></p>
                     </div>
                     <div class="celular">
                        <h3>TELEFONOS:</h3>   
                        <p><img  src="<?php echo URL::base()?>media/images/celular.jpg"> <span class="resaltar">944343605</span></p>
                        <p><img  src="<?php echo URL::base()?>media/images/celular.jpg"> <span class="resaltar">989712091</span></p>
                        <p><img  src="<?php echo URL::base()?>media/images/celular.jpg"> <span class="resaltar">993215699</span></p>
                        <p><img  src="<?php echo URL::base()?>media/images/celular.jpg"> <span class="resaltar">941904094</span></p>
                       </div>
                    </div>
            </div>
    
        </div>
    </div>
    
    <aside>
        <h5>DESARROLLADORES</h5>
        <figure>
            <img src="<?php echo URL::base()?>media/images/Eys.jpg" alt="Richard Stallman">
            <figcation>
                EysGoz, Ilustre evangelizador y defensor del Software Libre, fotografía tomada por
                <a href="http://joanballestermoragues.com">Joan Ballester</a> en Palma de Mallorca.
            </figcation>
        </figure>
    
        <figure>
            <img src="<?php echo URL::base()?>media/images/Eys.jpg" alt="Richard Stallman">
            <figcation>
                Willy, Ilustre evangelizador y defensor del Software Libre, fotografía tomada por
                <a href="http://joanballestermoragues.com">Joan Ballester</a> en Palma de Mallorca.
            </figcation>
        </figure>
    
        <figure>
            <img src="<?php echo URL::base()?>media/images/Eys.jpg" alt="Richard Stallman">
            <figcation>
                Rikhart, Ilustre evangelizador y defensor del Software Libre, fotografía tomada por
                <a href="http://joanballestermoragues.com">Joan Ballester</a> en Palma de Mallorca.
            </figcation>
        </figure>
    
        <figure>
            <img src="<?php echo URL::base()?>media/images/Eys.jpg" alt="Richard Stallman">
            <figcation>
                Manu, Ilustre evangelizador y defensor del Software Libre, fotografía tomada por
                <a href="http://joanballestermoragues.com">Joan Ballester</a> en Palma de Mallorca.
            </figcation>
        </figure>
    
    </aside>
</div>